<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>

        <style>
            body{
                margin: 0;
                padding: 0;
            }
            .other-login{
                width: 500px;
                height: 100%;
                margin: 100px auto;
                justify-content: center;
            }
            .dingtalk{
                display: block;
                float: left;
                background-image: url("login-img.png");
                background-repeat: no-repeat;
                background-size: cover;
                width: 28px;
                height: 29px;
                background-position: 0 -30px;
            }

        </style>
    </head>
    <body>

        <div class="other-login">
            <a class="dingtalk"></a>
        </div>

    </body>
</html>